導讀:A5創業項目春季招商 好項目招代理無憂Color Fonts(多彩字體)是最近網頁中新出現的設計詞匯,盡管它仍處于萌芽之中,不少網站設計師已經在很多項目中使用這一技巧。這是因為多彩
發表日期:2019-09-16
文章編輯:興田科技
瀏覽次數:10245
標簽:
A5創業項目春季招商 好項目招代理無憂
Color Fonts(多彩字體)是最近網頁中新出現的設計詞匯,盡管它仍處于萌芽之中,不少網站設計師已經在很多項目中使用這一技巧。這是因為多彩字體往往能夠給網站帶來不一樣的視覺效果,將信息以生動、有趣的形式呈現給訪客,讓整個網站看上去更加豐富多彩。現在,諸如Adobe Typekit 這樣的字體服務供應商已經開始提供一些支持特定瀏覽器的多彩字體,多彩字體在網站中的使用越來越廣泛。一些網站開發者預測多彩字體極有可能成為網頁設計領域的下一個"大事件"。你了解多彩字體嗎?知道在網站中怎樣使用這一設計方式嗎?不用擔心,今天這篇文章就是帶大家系統的了解一下多彩字體,包括它的特征、適用情景等,快來一起看看吧!
什么是多彩字體?
多彩字體,顧名思義,是指字體的不同區域使用多彩的顏色來呈現,包含陰影、漸變、紋理和透明度等屬性。千萬不要將多彩文字簡單的歸納為復雜多樣的顏色,字體中所蘊含的豐富的細節處理也是非常重要的。
多彩字體包含了常見字體中的矢量形狀或位圖,甚至是兩者都有,這也使得多彩字體要比普通的字體更大。如果你對于多彩字體沒有什么概念,你可以想想我們用過的圖標字體和表情字體,它們就是常見的多彩字體。而只使用一種顏色的字體常被成為"有色的字體",因為它們包含一種色度或色調。
不過,多彩字體目前面臨的最大的問題就在于它還沒有形成一套真正標準的字體格式。而且,不同格式的多彩字體在使用時也存在差異,SVG矢量圖的多彩字體可以輕松實現縮放,而位圖格式在縮放時卻會出現尺寸限制的問題。目前常見的多彩字體包含以下5種格式:
·SBIX(Apple):支持macOS 和 iOS系統上的原生位圖字體
·CBDT(Google):支持Android 系統上的原生位圖字體
·COLR(Microsoft):支持Windows 8.1+ 系統上的矢量字體
·SVG(W3C):有矢量和位圖字體兩種版本
·OpenType SVG(Adobe/Mozilla):將SVG文檔置于 OpenType 字體中而構成的位圖和矢量圖版本
除了Apple、Google公司外,還有不少企業機構也在使用多彩字體,它們正努力逐步完善自己旗下的字體標準和使用規范。Mozilla(Firefox背后的支持機構)和Adobe 已經正式聲明將OpenType SVG作為它們多彩字體的首選格式。盡管這些公司已經就多彩字體作出了決策,不少公司仍對這一趨勢持觀望態度。
怎樣使用多彩字體(適用情境)?
人們對于多彩字體常會有截然不同的第一印象。第一次看到多彩字體時,一些人會覺得:"這是什么亂七八糟的",而另一些人則會認為:"這種字體簡直太炫酷了,我已經想好要在哪個地方用它了"。不管你站在哪個陣營,你都不能忽略一個事實,那就是:多彩字體在某些網站中可以完美適應,充分發揮自己的作用。當然,你在使用多彩字體時也要足夠謹慎,不要做得太過了。下面是小飛列舉出來適合使用多彩字體的一些情境:
·用在一句話或短語上以充分吸引用戶注意力
·用在圖標或者LOGO樣式元素上
·用在大量文本開頭下沉的首字上
·用在極簡主義設計中作為視覺主體的標題上
·用在大段文本中某個或某幾個需要重點突出的單詞
·當整個設計的其他部分都比較簡單時
·當排版是整個設計最主要的視覺元素時
·當整個設計需要一些有趣或不同尋常的設計來吸引用戶注意力時
什么時候應該避免使用多彩字體?
任何事物都是有利有弊的,多彩字體也是一樣。如果我們在網站中使用過多的多彩字體,常會讓網站看上去眼花繚亂,對訪客產生干擾,影響信息的有效傳遞,還會讓整個設計看上去華麗空洞,影響網站形象。還有,多彩字體不是無條件適用于任何網站的。所以,謹慎運用多彩字體,避免負面效應。小飛特意整理了一些不適合使用多彩字體的情境,希望可以給大家一些借鑒和參考:
·當字體的背景是圖片時
·當背景的視覺設計較為復雜時
·只有大量的文本內容時
·當頁面中包含大量的動畫和動效,或其他元素運用了大量色彩時
·頁面的其他地方已使用了新奇特殊的字體時
多彩字體的發展趨勢
實際上,盡管多彩字體正處于初步發展階段,它正不斷努力獲得一些關注排版設計開發者的支持。這不,Adobe 和Mozilla 所推出的 OpenType SVG 格式讓多彩字體真正開始進入設計師的視野。Adobe 最近甚至已經在photoshop 更新了這一字體(你可能在字元面板上注意到了)。Adobe 對于 OpenType SVG 的闡述是這樣的:
"OpenType-SVG 是一種包含了全部或部分字母/字形的SVG 圖形,它使得單個文字可以顯示多種色彩甚至漸變。也正是因為它的這一特性,OpenType-SVG 是多彩字體的一種表現形式。另外,OpenType-SVG 字體仍擁有普通字體的一些特質,可以直接拿過來使用,可以被編輯,搜索或索引。除此,OpenType-SVG還具有OpenType字體的一些特征,比如允許字型替代或字型樣式替代。"
"諸如 Trajan Color Concept 和 EmojiOne Color 這樣的多彩字體在字體菜單上的呈現就和普通字體的一樣。但是多彩字體擁有可供編輯的色彩屬性,如果你的字體工具支持它們的話,就可以正常顯示且可編輯。但如果工具對于多彩屬性并不支持的話,也沒有關系。它仍可以作為普通字體使用,不過只能以純色的形式呈現。"
就目前多彩字體的演變過程和使用范圍來看,有兩個主要的影響因素,一是瀏覽器對于多彩字體的兼容性,The State of Web Type 中詳細闡明了多彩字體需要哪些瀏覽器的功能支持。二是設計與華麗多彩的文本在風格上的匹配度。每一種設計趨勢都不可能適應所有的建站需求,多彩字體可能更加適合華麗、豐富的網站。小飛相信,隨著網絡建站技術的不斷發展,未來瀏覽器對于多彩字體的兼容性會越來越強,多彩字體的發展勁頭不可小覷。
動手嘗試
如果你覺得多彩字體在你的網站中能夠發揮一定的作用,同時也與網站的整體風格相適應,那就在網站中試一試吧!不過多彩字體從哪來呢?這有兩個渠道,一是下載。這種方法比較方便,下面是幾種現成的多彩字體,你可以研究一下:
·Type with pride
·Beach Towel
·Bungee
·Watercolor Font
·Bixa Color
·Kids Toys
·OneLine Bold
·Guru
·Neon
還有一種方法就是自己制作多彩文字。這種方式比較自由,制作出來的多彩文字也極具個人色彩,在獨特性上無與倫比。不同的軟件做出來的多彩字體在效果上也會有一定的不同,你可以選擇自己比較習慣、喜歡的軟件來設計。下面是3款小飛推薦的多彩字體制作軟件:
·Fontself 是一款AI 和 pS 可用的插件,在創建多彩字體很是便捷
· Glyphs 上有手把手教您繪制多彩字體的教程
·FontLab 提供視頻教程,詳細介紹多彩字體設計的整個過程
多彩字體在海報和平面設計中的應用由來已久,在吸引用戶注意力、留下深刻印象方面有著其他設計方式所不能及的優勢。而現在網頁設計也開始更多的擁抱多彩字體,相信在未來的發展潮流中它定能占據一席之地。字體還可以這么玩?是不是漲姿勢了?趕緊學起來吧,玩轉多彩字體!
快來起飛頁自助建站平臺(http://www.qifeiye.com/?t_wd=a5)做一個響應式網站吧!
<script>document.writeln('上一篇:
暫無信息更多新聞
2019
A5創業項目春季招商 好項目招代理無憂Color Fonts(多彩字體)是最近網頁中新出現的設計詞匯,盡管它仍處于萌芽之中,不少網站設計師已經在很多項目中使用這一技巧。這是因為多彩
View details
2020
關于網站建設,企業網站的作用更類似于企業在報紙和電視上所做的宣傳企業本身及品牌的廣告。不同之處在于企業網站容量更大,企業可以把任何想讓客戶及公
View details
2020
關于網站建設,DIY自助建站工具(站長工具),主要是通過使用模板和內容管理系統來建設及更新網站。使得網站建設與維護都變得容易起來。許多主機服務提供商都
View details
2020
關于網站建設,下面小編告訴大家怎樣來提高網站建設的權重? 1標題:確保網站每一個標題的唯一性也是網站優化者必須注重的,只有唯一性才能給你的網站帶來
View details